<!DOCTYPE html>
<html>
<body>

<div id="member-detail-context" class="nav-tabs-custom">

    <div class="tab-content">
        <div class="active tab-pane" id="activity">
            <div class="row">
                <div hidden="hidden">
                    <input id="userId" value="${user.id}">
                </div>
                <div class="col-lg-6">
                    <label class="col-lg-12">账户名称 </label>
                    <input id="userName" type="text" class="form-control" value="${user.userName}"
                           placeholder="点击输入 ..." disabled>
                </div>
                <div class="col-lg-6">
                    <label class="col-lg-12">密码</label>
                    <input id="password" type="password" class="form-control" value="${user.password}"
                           placeholder="点击输入 ..." disabled>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <label class="col-lg-12">工号</label>
                    <input id="staffno" type="text" class="form-control" value="${user.staffNo}"
                           placeholder="点击输入 ..." disabled>
                </div>
                <div class="col-lg-6">
                    <label class="col-lg-12">状态</label>

                    <select id="state" class="form-control select2" style="width: 100%;" disabled>
                        <option value="1" <#if user.state=1> selected="selected"</#if>>生效</option>
                        <option value="2" <#if user.state=2> selected="selected"</#if>>失效</option>
                    </select>
                </div>
            </div>



            <div class="row">
                <div class="col-lg-12">
                    <label class="col-lg-12"></label>
                    <button id="editUser" type="submit" class="btn btn-defaulto pull-lef" onclick="editUser(this)">编辑</button>
                    <button id="submit" type="submit" class="btn btn-info pull-right" onclick="updateUser()" disabled>提交</button>
                </div>
            </div>

        </div>
        <!-- /.box-body -->

        <!-- /.tab-pane -->
        <div class="tab-pane" id="timeline">
            <!-- The timeline -->
            <ul class="timeline timeline-inverse">

            <#list memberEvent as event>
                <!-- timeline time label -->
                <li class="time-label">

                    <#if event.eventType=2>
                    <span class="bg-red">
                    <#else><span class="bg-green">
                    </#if>
                ${event.eventTime?date}
                </span>
                </li>
                <!-- /.timeline-label -->
                <!-- timeline item -->
                <li>
                    <i class="fa fa-envelope bg-blue"></i>

                    <div class="timeline-item">
                        <span class="time"><i class="fa fa-clock-o"></i> ${event.eventTime?time}</span>

                        <h3 class="timeline-header"><strong>${event.title}</strong></h3>

                        <div class="timeline-body">
                        ${event.eventDesc}
                        </div>

                    </div>
                </li>
            </#list>


            </ul>

        </div>
        <!-- /.tab-pane -->
    </div>
    <div class="tab-content">

    </div>
    <!-- /.tab-content -->
</div>
</body>
</html>